header {
	background-color: black;
	height: 120px;
	margin: 0;
	padding: 30px 25px;
	position: fixed;
	width: 100%;
}

header div {
	height: 60px;
	line-height: 40px;
	padding: 10px;
}

header div span {
	color: white;
	text-align: center;
	font-size: 20px;
}

header div .div3 {
	color: white;
	text-align: center;
	font-size: 17px;
	float: right;
	padding: 1px;
}

header div a:hover {
	text-decoration: none;
	color: gray;
}

header div button {
	margin: 5px;
	float: right;
}

header div a {
	margin: 5px;
	float: right;
}

header div a div {
	line-height: 40px;
	color: white;
	padding: 0;
}

header ul {
	margin: 0;
	padding-left: 800px;
}

header ul il {
	width: 60px;
	color: white;
	padding-left: 20px;
	margin: 0 20px;
	size: 15px;
}

header ul il a {
	color: white;
	text-decoration: none;
}

header ul il a:hover {
	text-decoration: none;
}

body {
	background-image: url("../images/Great Court 04.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
    background-size: cover;
}

.dt {
	height: 300px;
	padding: 0 30px;
}

.dt .d1 {
	color: #243b50;
}

.dt .d1 .cont {
	padding: 30px;
	display: inline-block;
	background-color: #243b50;
	width: 300px
}

.dt .d1 .cont2 {
	padding: 30px;
	background: url("../img/png5.png");
	display: inline-block;
	width: 300px
}

.dt .d1 .cont .text {
	margin: 0;
	padding: 0;
}

.dt .d1 .cont2 .text {
	margin: 0;
	padding: 0;
}

.dt .d1 .cont .text .h1 {
	color: #8fb6d9;
	text-align: center;
	font-size: 20px;
	font-family: Arial;
}

.dt .d1 .cont .text .h2 {
	color: #8fb6d9;
	font-size: 42px;
	line-height: 1;
	text-align: center;
}

.dt .d1 .cont .text .p {
	text-align: center;
	margin-top: 10px;
	color: #8fb6d9;
}

.model {
	display: none;
}

.model .ba {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #8D8D8D;
	opacity: 0;
}

.model .pu {
	position: fixed;
	right: 0;
	top: 120px;
	z-index: 1200;
	width: 280px;
	height: 230px;
	background-color: #f9f9f9;
	padding: 15px;
}

.model .pu .text {
	color: #777;
	font-size: 14px;
}

.model .pu p {
	margin: 10px;
}

.model .pu .submit {
	color: #fff;
	border: none;
	background: #448bff linear-gradient(45deg, #448bff, #44e9ff);
	padding-top: 6px;
	padding-bottom: 6px;
	transition: all .2s ease;
	border-radius: 50px;
	width: 100%;
	margin-top: 5px;
}

.content {
	padding-top: 120px;
}

div div iframe {
	width: 100%;
	height: 626px
}

.con1 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: #efefef;
	height: 100%;
}

.con1 .con2 {
	background: #ffffff;
	margin: 0px 40px 0px 40px;
	padding: 1px 0px 0px 62px;
	height: 100%;
}

.con1 .con2 .con3 {
	width: 700px;
	margin: 36px 200px;
}

.con1 .con2 .con3 .div1 {
	margin: 0px 0 30px 661px;
	width: 180px;
}

.footer {
	text-align: center;
	height: 40px;
	font-size: 15px;
	color: white;
	background-color: black;
	line-height: 40px;
	padding: 0;
	position:absolute;
	bottom: 0px;
    width: 100%;
}